.htrd-input-wrapper {
  border: 1px solid #bdbdbd;
  margin: 10px auto;
}

.htrd-input-wrapper-focus {
  border: 1px solid #3aa2e4;
  margin: 10px auto;
}
.form-group input{
  border: none;
  outline: none;
}
.htrd-icon-login{
  display: inline-block;
  height: 38px;
  width: 38px;
  background: url("../img/pwd-icons-new.png") no-repeat;
  vertical-align: middle;
  border-right: 1px solid #bdbdbd;
}
.htrd-icon-user-focus{
  display: inline-block;
  height: 38px;
  width: 38px;
  background: url("../img/pwd-icons-new.png") no-repeat;
  vertical-align: middle;
  background-position: 0 -48px;
  border-right: 1px solid #3aa2e4;
}
.htrd-icon-psw{
  background-position: -48px 0;
}
.htrd-icon-psw-focus{
  background-position: -48px -48px;
  border-right: 1px solid #3aa2e4;
}

body{
  background-color: #f7f8fa;
  position: relative;
  width: 100%;
  height: 10
}

.htrd-login-wrap{
  min-width: 600px;
  min-height:407px;
  position: absolute;
  top: 50%;
  left: 50%;
  border:1px solid #eee;
  transform: translate3d(-50%, -50%, 0);
  box-shadow: 2px 2px 8px #aaaaaa;

  .htrd-login-left{
    background: url('../img/login.png') no-repeat;
    height: 407px;
  }

  .htrd-login-right{
    .htrd-login-content{
      margin: 40px 40px 0 10px;

      .htrd-login-logo{
        background: url('../img/login_logo.png') no-repeat;
        width: 204px;
        height: 29px;
      }

      .htrd-login-input{
        margin:40px 0;

        .htrd-login-text-err{
          color:#ff524f;
          font-size:12px
        };

        .htrd-login-user{
          .icon_user{
            float: left;
            width: 22px;
            height: 22px;
            background: url('../img/sprite/sprite.png') no-repeat -98px -1197px;
            margin-right:10px;
          }

          span{
            color:#3b8cff;
            float:left;
            font-size:16px;
            letter-spacing: 2px
          }
        }

        .user_input{
          border-bottom:1px solid #3b8cff;

          input{
            padding: 13px 10px 10px 10px;
            border:none;
            outline:none;
            font-size: 12px;
            background-color:#f7f8fa
          }
        }

      }

      .htrd-login-psw{
        margin-top:30px;

        .icon_psw{
          float: left;
          width: 22px;
          height: 22px;
          background: url('../img/sprite/sprite.png') no-repeat -18px -1197px;
          margin-right:10px;
        }

        span{
          color:#3b8cff;
          float:left;
          font-size:16px;
          letter-spacing: 2px
        }
      }

      .psw_input{
        border-bottom:1px solid #3b8cff;

        input{
          margin: 13px 10px 10px 10px;
          border:none;
          outline:none;
          font-size: 12px;
          background-color:#f7f8fa;
        }
      }
    }
  }

}
